<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    Vuex的实现 进行结果展示界面
    我的年龄是:{{ $store.state.age}}
    <button @click="$store.state.age++">年龄+1</button>
    <button @click="$store.commit('addAge')">年龄+1</button>
    <button @click="$store.commit('addAge',10)">年龄+10 commit提交</button>
    <button @click="$store.dispatch('addAgeAsync')">年龄+10 dispatch</button>
    <br/>
     getters计算属性
     我的年龄（计算属性+ 50）是: {{ $store.getters.getAgeAdd50 }}<br/>
  </div>
</template>

<script>
// @ is an alias to /src


export default {
  name: 'HomeView',
  components: {

  },
  created() {
    console.log(this.$store, this.$store.state,'每个组件实例都有一个store实例,')
  }
}
</script>
